<?php
//$this->load->helper('directory'); 
?>

<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="<?= $this->meta_keywords ?>" />
    <meta name="title" content="<?= $this->meta_title ?>" />
    <meta name="description" content="<?= $this->meta_description ?>" />
    <meta name="uri-translation" content="on" />
    <title><?= $this->meta_title ?></title>

    <link rel="shortcut icon" href="<?php echo base_url();?>public/images/favicon.ico" />

    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

   <?php /*?> <link rel="stylesheet" href="<?php echo base_url();?>public/galleries/css/reset.css"><?php */?>
    <link rel="stylesheet" href="<?php echo base_url();?>public/galleries/css/style.css">
    <link rel="stylesheet" href="<?php echo base_url();?>public/galleries/css/media.css">
    <link rel="stylesheet" href="<?php echo base_url();?>public/galleries/skippr/css/jquery.skippr.css">

    <?php include('application/views/lyn/v_analyticstracking.php'); ?>

</head>
    <body>
		<div class="hero">
            <div id="random2">
                <?php
			   		if(isset($_REQUEST['folder'])){
						$folder = $_REQUEST['folder'];
					}else{
						$folder = 'suite';
					}
					
				?>
                
                <?php 
			$this->load->helper('directory'); //load directory helper
			$dir =  "./public/galleries/img/suite/"; // Your Path to folder
			$map = directory_map($dir); /* This function reads the directory path specified in the first parameter and builds an array representation of it and all its contained files. */
						
			foreach ($map as $k)
			{?>
				 <?php /*?><img src="<?php echo base_url($dir)."/".$k;?>" alt=""><?php */?>
                 <div style="background-image: url(<?php echo base_url($dir)."/".$k;?>); width:100%; height:100%"></div>
			   
			<?php }
					  
			?> 
                
                
            </div>
            <div class="main_logo">
            	<img src="<?php echo base_url()?>public/galleries/img/main_logo.png" width="100%" height="100%" />
            </div>
            <div class="label">
            	Suites
            </div>
            
        </div> <!-- end hero -->
        
        <div class="clear_both"></div>
        <div class="bottom_slide">
            <!-- Here's all it takes to make this navigation bar. -->
            <ul id="nav">
                <li><a href="<?php echo $_SERVER['PHP_SELF']?>" class="current" >ROOMS</a></li>
                <li><a href="<?php echo $_SERVER['PHP_SELF']?>">POOL & SPA</a></li>
                <li><a href="<?php echo $_SERVER['PHP_SELF']?>">HOTEL</a></li>
                <li><a href="<?php echo $_SERVER['PHP_SELF']?>">OTHERS</a></li>
            </ul>
            <!-- That's it! -->
        </div><!-- end bottom_slide -->
        


       <!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>-->
         <script src="<?php echo base_url();?>public/galleries/js/jquery-1.8.3.min.js"></script>
        <script src="<?php echo base_url();?>public/galleries/skippr/js/jquery.skippr.js"></script>
        <script>
            $(document).ready(function() {
                $("#random2").skippr();
                /*$("#random2").skippr({
                    navType: 'bubble',
                    autoPlay: false,
                    autoPlayDuration: 7000
                });*/
            });

        </script>
 
    </body>
</html>